<div class="gray-bg">
    <!--<div class="bg-light lter b-b wrapper-md">
	    <h1 class="m-n font-thin h3">风控管理</h1>
	</div>-->
	<div class="wrapper">
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                		<span>风控管理</span>
                		<!--<button class="btn btn-primary pull-right" data-toggle="modal" data-target="#modal_1" style="margin-top: -7px;">新建房源</button>-->
                		<div class="pos_abs col-sm-6" >
		                	<div class="btn btn_greenyellow btn-xs">&nbsp;&nbsp;</div>&nbsp;正常
		                	<div class="btn btn_red btn-xs">&nbsp;&nbsp;</div>&nbsp;异常
		                	<div class="btn btn_gray btn-xs">&nbsp;&nbsp;</div>&nbsp;未注册
		                	<div class="btn btn_blueviolet btn-xs">&nbsp;&nbsp;</div>&nbsp;锁定
		                </div>
                </div>
                <div class="panel-body">
                    <form class="form-group"> 
                        <!--<ui-pcd child-class="col-sm-2" provinceid="{{provinceId}}" cityid="{{cityId}}" areaid="{{countyId}}" ></ui-pcd>-->
                        <div class="col-sm-4">
                        	<!--<div class="col-sm-6">
	                            <input type="search" class="form-control ng-pristine ng-valid ng-touched" ng-model="_roomName" placeholder="请输入姓名" />
	                        </div>-->
	                        <div class="col-sm-6">
								<input type="search" class="form-control ng-pristine ng-valid ng-touched" ng-model="_roomPhone" placeholder="请输入手机号" />
	                        </div>  
	                        <div class="col-sm-6">
								<input type="search" class="form-control ng-pristine ng-valid ng-touched" ng-model="_districtName" placeholder="请输入小区名" />
							</div>
                        </div>
                        
                       <div class="col-sm-2">
                       	 	<button class="btn bg-color" ng-click="search()">&nbsp;&nbsp;搜索&nbsp;&nbsp;</button>
                        </div> 
                       
                    </form>
                </div>
                <table class="table table-hover text-center">
				 	<thead>
				 		<tr>
				 			<td class="text-center">姓名</td>
					        <td class="text-center">手机号</td>
					        <td class="text-center">房源编号</td>
					        <td class="text-center">小区/公寓</td>
					        <td class="text-center">地址</td>
					        <td class="text-center">房门</th>
					        <td class="text-center">设备</th>
				        </tr>
			        </thead>
			        <tbody>
			        	<tr ng-repeat="item in listData.res.data">
			        		<td>{{item.member.name}}</td>
					        <td>{{item.member.mobile}}</td>
					        <td>{{item.code}}</td>
					        <td>{{item.districtName}}</td>
					        <td>{{item.houseStreet.provinceName}}{{item.houseStreet.cityName}}{{item.houseStreet.distName}}{{item.houseStreet.address}}{{item.floorNo | floorZero}}{{item.unit | unitZero}}{{item.roomNo}}</td>
					        <td>{{item.door}}</td>
					        <td>
					        	<!--<a class="a_hide" ng-class="status(item,'MENSUO')" href="javascript:;" ng-click="doorModal(item,'MENSUO')" data-toggle="modal" data-target="#modal_1">门锁</a>
					        	<a class="a_hide" ng-class="status(item,'DIANBIAO')" href="javascript:;" ng-click="readModal(item,'DIANBIAO')" data-toggle="modal" data-target="#modal_2">电表</a>-->
					        	<a href="" ng-repeat="k in item.hardwares" id="{{k.type}}{{item.id}}" class="{{k.hardwareStatus}}" style="{{k.type | style}}" ng-click="doorModal(k,item)">{{k.type | warsName}}</a>
					        </td>
				        </tr>
			        </tbody>
			        <tfoot>
			        	<tr>
			        		<td colspan="8" id="pager_1"></td>
			        	</tr>
			        </tfoot>
				</table>
            </div>
        </div>
    </div>
</div>


</div>



<!--门锁详情-->
	<div class="modal fade" id="modal_4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">门锁详情</h4>
            </div>
            <div class="modal-body wrapper">
            	<div class="row">
            		<div class="col-sm-12">
            			安装位置：{{hardwdress_1}}
            		</div>
            		<div class="col-sm-12">
            			在线状态：<span style="color:{{clor_1}}">{{hardwareStatus_3}}</span>
            		</div>
            	</div>
            </div>
            <div class="modal-footer">
            	<button type="button"  class="btn btn-primary" ng-click="openDoor(devId_1,hardwdress_1_1)">开门历史</button>
                <!--<button type="button"  class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#modal_4_1" ng-click="openDoor(devId_1,hardwdress_1_1)">开门历史</button>-->
            	<!--<button type="button" class="btn btn-primary" ng-click="oClear(devId_1)">清除所有密码</button>-->
            </div>
        </div>
    </div>
</div>

<!--开门历史-->
<div class="modal fade" id="modal_4_1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">开门记录
                	<div class="btn-group btn-group-sm" role="group" aria-label="...">
					  <button type="button" class="btn btn-default" ng-click="oWeek_1()">7天</button>
					  <button type="button" class="btn btn-default" ng-click="oMonth_1()">30天</button>
					</div>
                </h4>
            </div>
            <div class="modal-body wrapper" style="height:590px;overflow-y: scroll;">
            	<div class="row">
            		<div class="col-sm-12" style="font-weight: bold;">
            			{{openDress}}
            		</div>
            		<table class="table table-striped text-center" >
					 	<thead>
					        <td>开门时间</td>
					        <td>开门方式</td>
					        <td>开门人</td>
				        </thead>
				        <tbody>
				        	<tr ng-show="history" ng-repeat="x in openlist_1">
				        		<td>{{x.openLockTime}}</td>
						        <td>{{x.type | openType}}</td>
						        <td>{{x.phone}}</td>
				        	</tr>
				        	<tr ng-hide="history" ng-repeat="x in openlist">
				        		<td>{{x.openLockTime}}</td>
						        <td>{{x.type | openType}}</td>
						        <td>{{x.phone}}</td>
				        	</tr>
					        
				        </tbody>
				        <tfoot>
							<!--<tr>
					            <td ng-show="history" colspan="12" id="pager_3">
					               
					            </td>
					            <td ng-hide="history" colspan="12" id="pager_3_1">
					               
					            </td>
				        	</tr>-->
				        </tfoot>
					</table>
            	</div>
            </div>
            <div class="modal-footer">
                <!--<div class="btn-group btn-group-sm" role="group" aria-label="...">
				  <button type="button" class="btn btn-default">7天</button>
				  <button type="button" class="btn btn-default">30天</button>
				</div>-->
            </div>
           
        </div>
    </div>
</div>



<!--电表详情-->
	<div class="modal fade" id="modal_5" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">电表详情</h4>
            </div>
            <div class="modal-body wrapper">
            	<div class="row">
            		<div class="col-sm-12">
            			安装位置：{{hardwdress}}
            		</div>
            		<div class="col-sm-12">
            			在线状态：<span style="color:{{clor}}">{{hardwareStatus_1}}</span>
            		</div>
            	</div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" ng-click="power(devId,hardwdress2)">电量历史</button>
                <!--<button type="button" class="btn btn-primary" ng-click="loop(devId,hardwareStatus_2)">{{hardwareStatus_2 | hardwarestatus_2_1}}</button>-->
            </div>
        </div>
    </div>
</div>


<!--电量历史-->
	<div class="modal fade" id="modal_5_1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">电量历史
                	<div class="btn-group btn-group-sm" role="group" aria-label="...">
					  <button type="button" class="btn btn-default" ng-click="oWeek()">7天</button>
					  <button type="button" class="btn btn-default" ng-click="oMonth()">30天</button>
					</div>
                </h4>
            </div>
            <div class="modal-body wrapper" style="height:590px;overflow-y: scroll;overflow-x: hidden;">
            	<div id="" class="row">
            		<div ng-show="chart" id="chart"  style="height: 300px;width: 590px;">
            			
            		</div>
            		<div ng-hide="chart" id="chart_1"  style="height: 300px;width: 590px;">
            			
            		</div>
            		<table class="table table-striped text-center" >
					 	<thead>
					        <td>日期</td>
					        <td>使用电量(度)</td>
					        <td>最后电量(度)</td>
				        </thead>
				        <tbody>
				        	<tr ng-show="chart" ng-repeat="x in power_list">
				        		<td>{{x.Date}}</td>
						        <td>{{x.Allpower | mathFloor}}</td>
						        <td>{{x.Lastpower | mathFloor}}</td>
				        	</tr>
				        	<tr ng-hide="chart" ng-repeat="x in power_list_1">
				        		<td>{{x.Date}}</td>
						        <td>{{x.Allpower | mathFloor}}</td>
						        <td>{{x.Lastpower | mathFloor}}</td>
				        	</tr>
					        
				        </tbody>
				        <tfoot>
							<!--<tr>
					            <td ng-show="chart" colspan="12" id="pager_3">
					               
					            </td>
					            <td ng-hide="chart" colspan="12" id="pager_3_1">
					               
					            </td>
				        	</tr>-->
				        </tfoot>
					</table>
            	</div>
            </div>
            <div class="modal-footer">
                
            </div>
        </div>
    </div>
</div>

<!--public弹窗-->
<public-alert></public-alert>